<script setup>
import HomeCategory from "./components/HomeCategory.vue";
import HomeBanner from "./components/HomeBanner.vue";
import HomeNew from "./components/HomeNew.vue";
import HomeHot from "./components/HomeHot.vue";
import HomeProduct from "./components/HomeProduct.vue";
import HomePanel from "./components/HomePanel.vue";
</script>

<template>
  <div class="container">
    <!-- 分类 -->
    <HomeCategory />
    <!-- 轮播图 -->
    <HomeBanner class="home-banner" />
  </div>
  <HomeNew />
  <HomeHot />
  <HomeProduct />
  <!-- <HomePanel title="新鲜好物" subtitle="好物多多">
    <template #default1>
      <p>好物多多,快来抢购!</p>
    </template>
  </HomePanel>
  <HomePanel /> -->
</template>
<style scoped lang="scss">
.container {
  display: flex;
  flex-direction: row;
}
.home-banner {
  position: relative;
  z-index: 98;
}
</style>
